define(function() {
	return {
		//导航
		creNav: function(res) {
			//导航ul
			var $quick_nav_ul = $('<ul></ul>').addClass('quick_nav_ul');
			//for循环创建li
			for(let i = 0; i < res.length; i++) {
				//li
				var $quick_nav_li = $('<li></li>').addClass('quick_nav_li').text(res[i].name).attr('id', res[i].id);
				$quick_nav_li.appendTo($quick_nav_ul);

			}
			$quick_nav_ul.appendTo($('#quick_pro_nav'));
		},
		//商品
		crePro: function(res) {
			console.log(res);
			
			$('#pro_wrap').empty();
			
			//ul
			var $quick_pro_ul = $('<ul></ul>').addClass('quick_pro_ul');
			//for循环创建li
			for(let i = 0; i < res.length; i++) {
				var $quick_pro_li = $('<li></li>').addClass('quick_pro_li');
				//商品图片容器
				var $quick_pro_imgWrap = $('<div></div>').addClass('quick_pro_imgWrap').css({
					'background' : 'url('+  res[i].img + ') no-repeat center center',
					'backgroundSize' : '80%',
					'float': 'left',
					'width' : '2rem',
					'height' : '100%'
				});
				$quick_pro_imgWrap.appendTo($quick_pro_li);
				//商品介绍容器
				var $quick_pro_conWrap = $('<div></div>').addClass('quick_pro_conWrap');
				//商品名称
				var $quick_pro_conName = $('<p></p>').text(res[i].name).css({
					'white-space' : 'nowrap',
		     		'text-overflow' : 'ellipsis',
		     		'overflow' : 'hidden',
				}).appendTo($quick_pro_conWrap);
				//精选
				var $quick_pro_conJX = $('<span></span>').text('精选').css({
	     			'color' : 'red',
	     			'width' : '.6rem',
	     			'text-align' : 'center',
	     			'padding' : '.01rem',
	     			'border' : '1px solid red',
	     			'border-radius' : '.1rem'
				}).appendTo($quick_pro_conWrap);
				//商品重量
				var $quick_pro_conWei = $('<p></p>').text(res[i].specifics).css({
					'color' : 'grey'
				}).appendTo($quick_pro_conWrap);
				//商品价格
				var $quick_pro_conNew = $('<p></p>').text('¥'+res[i].market_price).css({
					'float': 'left',
					'color' : 'red'
				}).appendTo($quick_pro_conWrap);
				
				//购买按钮
		     		$('<span></span>').text('+').css({
		     			'fontSize' : '.45rem',
		     			'color' : 'red',
		     			'width' : '.55rem',
		     			'height' : '.55rem',
		     			'line-height' : '.5rem',
		     			'text-align' : 'center',
		     			'fontWeight' : 'bolder',
		     			'border' : '1px solid #ccc',
		     			'border-radius' : '50%',
		     			'float' : 'right',
		     			'margin' : ' -0.4rem .25rem .15rem 0'
		     		}).appendTo($quick_pro_conWrap);
				if(res[i].partner_price < res[i].market_price) {
					var $quick_pro_conOld = $('<p></p>').text('¥'+res[i].partner_price).css({
						'float': 'left',
						'text-decoration' : 'line-through',
						'margin-left' : '.1rem'
					}).appendTo($quick_pro_conWrap);
				}

				$quick_pro_conWrap.appendTo($quick_pro_li);
				$quick_pro_li.appendTo( $quick_pro_ul);
			}
			 $quick_pro_ul.appendTo($('#pro_wrap'))
		}
	}
});